{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<!-- <link rel="stylesheet" style="text/css" href="__PUBLIC__/Css/front/user_glb.css?version={$version}"> -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<style type="text/css">
    #load_wrapper{
        bottom:2.55rem;
        margin-top: 2.2rem;
    }
    .service_header a{
        font-size: 0.8rem;
        top:0;
        color: #fff;

    }
    /*固定顶栏*/
    .top_nav_fixed{
        position: absolute;
        top: 2.2rem;
        left: 0;
        z-index: 10;
    }
    #scroller{
    	position:relative;
    }
    .project_main{
    	background:#eee;
        width: 92%;
        margin: auto;
    }
    
    /*列表*/
    .project_list{
        padding:0 0.5rem;
    }
    .project_list li{
        padding-top:.75rem;
        padding-bottom: .5rem;
        border-bottom: 0.05rem solid #eaeaea;
    }
    .project_list li:last-child{
        border:none;
    }
    .project_list li img{
        width: 2.5rem;
        height:2.5rem;
        border-radius: 50%;
    }
    .find_pro_pic img{
        display:block;
        width:100%;
        height:100%;
    }
    .project_cont{
       margin-left: 3rem;
    }
    .project_cont h6{
        color:#333;
        font-size: .65rem;
        line-height: 1;
        display: block;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-weight: bold;
        margin-bottom: .15rem;
    }
    .project_cont p{
        color: #666;
        font-size: 0.5rem;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
         margin-bottom: .15rem;
    }
    .project_cont dl{
        width:100%;
    }
    .project_cont dl dd{
        border:.5px solid #999;
        font-size: 0.45rem;
        color: #999;
        padding: 0 .25rem;
        border-radius: 0.45rem;
        margin-right: .2rem;
    }
    /*轮播图*/
    .swiper-container{
        width: 100%;
    }
    .swiper-container .swiper-slide{
        width: 92%;
    }
    .swiper-container-horizontal>.swiper-pagination{
        bottom: 5px;
    }
    .swiper-pagination-bullet{
        width: .5rem;
        height: .5rem;
        background: #dcdcdc;
        border:0;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #2485e7;
    }
    /*投资*/
    #touzi{
        border-radius: .4rem;
        background-color: #fff;
        box-shadow: 5px 5px 6px #dcdcdc;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 100;
    }
    .shade_bg{
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top:2.25rem;
        left:0;
        right: 0;
        bottom: 0;
        z-index: 998;
    }
     .project_type_tab{
        position: relative;
        z-index: 999;
    }
    .project_type_list{
        position:absolute;
        z-index: 999;
        width: 100%;
        left:0;
    }
</style>
{/block}
{block name="content"}
<ul class="circle_tab clearfix" id="top_nav_copy" style="display:none">
    <li class="" id="li_1">
        <a href="/FrontEnjoy/enjoy_index">话题圈</a>
    </li>
    <li class="" id="li_2">
        <a href="/FrontEnjoy/project_list">找项目</a>
    </li>
    <li class="active" id="li_3">
        <a href="javascript:;">找投资</a>
    </li>
</ul>
<div class="service_header">
    <p>创享圈<a href='javascript:;' onclick="check_user('/FrontEnjoy/check_investor')" >认证</a></p>
    <!--<p>创享圈<a href='/FrontEnjoy/check_investor' >认证</a></p>-->
</div>
<div id="load_wrapper">
    <div id="scroller">
    	<div id="pullDown">
		    <span class="pullDownIcon"></span>
		</div>
    	 <!-- <div class="project_bg" style="display:none;"></div> -->
        <!--<div class="service_header">
            <p>创享圈<a href='/FrontEnjoy/check_investor'>认证</a></p>
        </div>-->
        <!-- <div class="circle_banner">
            <img src="/Public/Images/front/front_img/cxq_banner3x.png" alt="" />
        </div> -->

        <!-- 轮播图 -->
        <div class="swiper-container circle_banner">
            <div class="swiper-wrapper">
                {foreach from=$cust_flash_list item=v}
                <div class="swiper-slide">
                    <a href="{$v.link}"><img src="{$v.pic}" alt="" ></a>
                </div>
                {/foreach}
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>


        <ul class="circle_tab clearfix" id="top_nav">
            <li class="" id="li_1">
                <a href="/FrontEnjoy/enjoy_index">话题圈</a>
            </li>
            <li class="" id="li_2">
                <a href="/FrontEnjoy/project_list">找项目</a>
            </li>
            <li class="active" id="li_3">
                <a href="javascript:;">找投资</a>
            </li>
        </ul>


        <div class="project_main main"  id="main_3">
            
             <div class="hot_block">
                <div class="clearfix hot_title">
                    <h6 class="fl">精选投资</h6>
                </div>
                <!-- 轮播图 -->
                <div class="swiper-container circle_topic">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                                <a href="/FrontEnjoy/topic_details/topic_id/{$topic.topic_id}">
                                    <div class="circle_img_bg">
                                        <div class="circle_bg_text">
                                            <p>投资公司</p>
                                            <span>为什么这么火</span>
                                        </div>
                                        
                                        <img src="/Public/Images/front/front_img/cxq_banner3x.png" style="height:100%;"/>
                                    </div>
                                </a>
                        </div>
                    </div>
                    <!-- <div class="swiper-pagination swiper-pagination1"></div> -->
                </div>
            </div>

            <div id="touzi">
                <div class="shade_bg" style="display: none;"></div> 
                <ul class="clearfix project_type_tab project_type_tab1">
                    <li class="fl">
                        <div class="type_tab_box clearfix">
                            <p class="fl" id="domain">领域</p>
                            <i class="fl icon icon_screen_default3x icon_up3x"></i>
                        </div>
                    </li>
                    <li class="fl">
                        <div class="type_tab_box clearfix">
                            <p class="fl" id="phase">阶段</p>
                            <i class="fl icon icon_screen_default3x icon_up3x"></i>
                        </div>
                    </li>
                    <li class="fl">
                        <div class="type_tab_box clearfix">
                            <p class="fl" id="territory">城市</p>
                            <i class="fl icon icon_screen_default3x icon_up3x"></i>
                        </div>
                    </li>
                </ul>

                <div class="project_type_list">
                    <dl class="project_tab_menu field" style="display:none;">
                        <dd class="clearfix active" data-field_id='0'>
                            <p class="fl">全部</p>
                            <i class="fr icon icon_sele3x"></i>
                        </dd>
                        {foreach from=$field_list item=v}
                        <dd class="clearfix" data-field_id='{$v.type_id}'>
                            <p class="fl">{$v.type_name}</p>
                            <i class="fr icon icon_sele3x"></i>
                        </dd>
                        {/foreach}
                    </dl>
                    <dl class="project_tab_menu phase" style="display:none;">
                        <dd class="clearfix active" data-phase_id='0'>
                            <p class="fl">全部</p>
                            <i class="fr icon icon_sele3x"></i>
                        </dd>
                        {foreach from=$phase_list item=v}
                        <dd class="clearfix" data-phase_id='{$v.type_id}'>
                            <p class="fl">{$v.type_name}</p>
                            <i class="fr icon icon_sele3x"></i>
                        </dd>
                        {/foreach}
                    </dl>
                    <dl class="project_tab_menu city_id" style="display:none;">
                        <dd class="clearfix active" data-city_id='0'> 
                            <p class="fl">全部</p>
                            <i class="fr icon icon_sele3x"></i>
                        </dd>
                        {foreach from=$city_list item=v}
                        <dd class="clearfix" data-city_id='{$v.city_id}'>
                            <p class="fl">{$v.city_name}</p>
                            <i class="fr icon icon_sele3x"></i>
                        </dd>
                        {/foreach}
                    </dl>
                </div>

                <ul class="project_list">
                    {foreach from=$user_list item=v}
                    <li class="">
                        <a href="/FrontEnjoy/touzi_details/user_id/{$v.user_id}" class="clearfix">
                            <img src="{$v.headimgurl}" alt="" class="fl" />
                            <div class="clearfix project_cont">
                                <h6 class="realname">{$v.realname}</h6>
                                <p class="jigou">{$v.company_address}</p>
                                <dl class="clearfix">
                                    {if $v.follow_phase}
                                        {foreach from=$v.follow_phase item=phase key=key}
                                             {if $key<2 }
                                        <dd class="fl">{$phase}</dd>
                                             {/if}
                                        {/foreach}
                                    {/if}
                                    {if $v.follow_field}
                                        {foreach from=$v.follow_field item=field key=key}
                                             {if $key<2 }
                                        <dd class="fl">{$field}</dd>
                                             {/if}
                                        {/foreach}
                                    {/if}
                                </dl>
                            </div>
                        </a>
                    </li>
                    {/foreach}
                </ul>
            </div>
            <div id="pullUp">
                <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载...</span>
            </div>
        </div>
    </div>
</div>
{include file="../footer.html"}
{/block}
{block name="js"}

<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/swiper.3.1.2.jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/touzi_list.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/touzi.js"></script>
<script>
//    var html=$(this).children("p").html();
//    if($(this).hasClass('status')){
//        $("#status").html(html);
//    }else{
//        $("#domain").html(html);
//    }
    $(".field dd").on("click",function(){
        var html = ($(this).children("p").html());
        $("#domain").html(html);
    });

    $(".phase dd").on("click",function(){
        var html = ($(this).children("p").html());
        $("#phase").html(html);
    });

    $(".city_id dd").on("click",function(){
        var html = ($(this).children("p").html());
        $("#territory").html(html);
    });


</script>
<script type="text/javascript">
var total = '{$total}'
var firstRow = '{$firstRow}'
{literal}

    var circle_banner = new Swiper('.circle_banner',{
            pagination: '.swiper-pagination',
            paginationClickable: true
        })
    var mySwiper = new Swiper('.circle_topic',{
        loop : true,  
        // pagination: '.swiper-pagination',  
        effect: 'coverflow',  
        grabCursor: true,  
        centeredSlides: true,  
        // nextButton: '.swiper-button-next',  
        // prevButton: '.swiper-button-prev',  
        slidesPerView: 'auto',  
        coverflow: {  
            rotate: 0,// 旋转的角度  
            stretch: 10,// 拉伸   图片间左右的间距和密集度  
            depth: 100,// 深度   切换图片间上下的间距和密集度  
            modifier: 3,// 修正值 该值越大前面的效果越明显  
            slideShadows : false// 页面阴影效果  
        }
    });
{/literal}
</script>

{/block}